

<html>
	<head>
	<title>Circular</title>
	
		<script type="text/javascript">
			function onUpdateArticles(id){
				 if('-1' == document.getElementById("Services").value){
					   alert("please select service.");
				   }
				   else if('' == document.getElementById("ArticlesNumber").value){
					   alert("please Enter CircularNumber.");
				   }
				   else if('' == document.getElementById("articlesSubjectMatter").value){
					   alert("please Write CircularSubject.");
				   }
				 
				var xmlhttp;
				if (window.XMLHttpRequest)
				  {
					// code for IE7+, Firefox, Chrome, Opera, Safari
				   xmlhttp=new XMLHttpRequest();
				  }
				else
				  {
					// code for IE6, IE5
				  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				  }
				xmlhttp.onreadystatechange=function()
				  {
				  if (xmlhttp.readyState==4 && xmlhttp.status==200)
				     {
				    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
				    }
				  }
				
								
				var Services = document.getElementById("Services1234");
				var ArticlesNumber = document.getElementById("ArticlesNumber");
				var articlesSubjectMatter = document.getElementById("articlesSubjectMatter");
				var DOA = document.getElementById("DOA");
				
				xmlhttp.open("POST","circular.do?Services="+Services.value+"&ArticlesNumber="+ArticlesNumber.value+"&articlesSubjectMatter="+articlesSubjectMatter.value+"&methodid="+id+"&DOA="+DOA.value,true);
				xmlhttp.send();

				}
		</script>
	
	</head>
	
	
	
	<table>
		<tr>
			<td><h1><font color="red">Articles</font></h1></td>
		</tr>
	</table>
	<table width="800" align="center" border="0" cellspacing ="0" cellpadding="0" valign="middle" id="answer1">
    <tr>
        <td><div id="myDiv"></div></td>
    </tr>
	</table>
	<table>
		
		<tr>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px" ><h2>Services</h2></td>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px" ><select  name="Services1234" id="Services1234">
			<option name="default" id="defaule" value="-1">-----------------------Select One--------------------</option>
			<option name="1" id="1" value="1" title="Service1">FDI</option>
			<option name="2" id="" value="" title="Service2">Transfer Tool</option>
			<option name="3" id="2" value="2" title="Service3">Immovable In India</option>
			<option name="4" id="11" value="11" title="Service4">Foreign Exchange</option>
			<option name="5" id="8" value="8" title="Service5">Immovable Outside India</option>
			<option name="6" id="7" value="7" title="Service6">ODI Main</option>
			<option name="7" id="3" value="3" title="Service7">Branch Lo Po In India</option>
			<option name="8" id="9" value="9" title="Service8">ODI Individual</option>
			</select>
			</td>
		</tr>
		
		<tr>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><h2>Articles Number</h2></td>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><input size="40" type="text" name="ArticlesNumber" id="ArticlesNumber"></td>
		</tr>
		<tr>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><h2>Articles subject matter</h2></td>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><textarea type="textarea" rows="5" cols="40" name="articlesSubjectMatter" id="articlesSubjectMatter"></textarea></td>
		</tr>
		<tr>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><h2>Date of Article</h2></td>
			<td  style="padding-left:3px;padding-right:3px;padding-bottom:3px;padding-top:3px"><input type="text" size="40" class="datepicker" name="DOA" id="DOA"></textarea></td>
		</tr>
		
		<tr>
		 	<td><input type="button" name="updateFAQ" id="updaten" value="update" onclick="onUpdateArticles('Articles')"/></td>		
		</tr>
		</table>
		
</html>